.f-crumbs {
    font-size: 12px;
    line-height: 36px;
    color: #666
}

.f-crumbs a {
    color: #999;
    margin-right: 5px
}

.f-crumbs h1 {
    display: inline-block
}

#f_mew_list .f-crumbs a:hover,
#f_mew_list .f-crumbs a.current:hover,
#f_detail .f-crumbs a:hover,
#f_detail .f-crumbs a.current:hover {
    color: #90c31f;
    font-weight: bold
}

.f-crumbs a.current {
    color: #666
}

.f-card .card-img {
    margin-right: 30px;
    width: 540px;
    height: 490px
}

.f-card .big-img {
    background: #ebebeb;
    width: 540px;
    height: 405px;
    margin-bottom: 10px;
    position: relative;
    cursor: pointer
}

.f-card .big-img img {
    max-width: 540px;
    max-height: 405px;
    vertical-align: middle
}

.f-card .big-img .free {
    position: absolute;
    right: -2px;
    top: -2px;
    display: inline-block;
    width: 45px;
    height: 40px;
    line-height: 40px
}

.f-card .big-img .free img {
    width: 45px;
    height: 40px
}

.f-card .big-all {
    text-align: center;
    position: absolute;
    right: 0;
    bottom: 10px;
    line-height: 30px;
    width: 60px;
    height: 30px;
    font-size: 18px;
    color: #fff
}

.f-card .big-account {
    z-index: 1;
    width: 60px;
    position: absolute;
    left: 0;
    top: 0
}

.f-card .big-mark {
    width: 60px;
    height: 30px;
    position: absolute;
    left: 0;
    top: 0;
    background: #000;
    opacity: .5;
    filter: alpha(opacity=50)
}

.f-card .big-img-wrap {
    width: 540px;
    height: 405px;
    line-height: 405px;
    font-size: 0;
    text-align: center;
    background: url(http://stacdn201.ganjistatic1.com/src/app/ms_v2/housing_v2/html/images/img_big_bg.png) repeat
}

.f-card .small-wrap {
    position: absolute
}

.f-card .small-img {
    width: 540px;
    height: 75px;
    overflow: hidden;
    position: relative
}

.f-card .small-item {
    text-align: center;
    width: 100px;
    height: 75px;
    line-height: 75px;
    overflow: hidden;
    margin: 0 4px;
    float: left
}

.f-card .small-item.active {
    border: 2px solid #a6cf4c;
    width: 96px;
    height: 71px;
    line-height: 71px;
    position: static
}

.f-card .small-item img {
    width: 96px;
    height: 71px;
    vertical-align: middle;
    opacity: .4;
    filter: alpha(opacity=40)
}

.f-card .small-item.active img {
    opacity: 1;
    filter: alpha(opacity=100);
    vertical-align: middle
}

.f-card .prev,
.f-card .next {
    cursor: pointer;
    display: inline-block;
    width: 24px;
    height: 75px;
    position: absolute;
    top: 0
}

.f-card .prev {
    left: 0;
    background-position: 0 -56px
}

.f-card .next {
    right: 0;
    background-position: -24px -56px
}

.f-card .prev.active {
    background-position: 0 -131px
}

.f-card .next.active {
    background-position: -24px -131px
}

.f-card .card-info {
    width: 620px
}

.f-card .card-info a {
    color: #0095e6
}

.f-card .card-top {
    height: 345px;
    position: relative
}

.f-er-card .er-im {
    width: 200px;
    height: 75px;
    float: left;
    background: #f5f5f5
}

.f-er-card .er-im .im,
.f-er-card .er-im .notes {
    height: 37px;
    line-height: 37px;
    text-align: center
}

.f-er-card .er-im .im {
    border-bottom: 1px dashed #ccc;
    font-size: 0
}

.f-er-card .er-im .only_im {
    height: 75px;
    line-height: 75px;
    text-align: center;
    font-size: 14px;
    color: #555;
    margin-right: 0
}

.f-er-card .er-im .only_im .name,
.f-er-card .er-im .im .name {
    font-size: 14px;
    color: #555;
    margin-right: 10px
}

.f-er-card .er-im .only_im .message,
.f-er-card .er-im .im .message {
    font-size: 12px
}

.user-info-top .f_c_b {
    vertical-align: middle
}

.f-er-card .er-im .icon {
    display: inline-block;
    width: 14px;
    height: 12px;
    margin-right: 4px;
    vertical-align: -2px;
}

.f-card .card-title {
    color: #333;
    margin-bottom: 10px;
    height: 30px;
    overflow: hidden;
    font-size: 0
}

.f-card .card-title .common-icon-tip {
    margin-top: 4px
}

.f-card .card-title i {
    float: left;
    font-style: normal;
    font-weight: bold;
    line-height: 30px;
    vertical-align: middle;
    font-size: 20px
}

.f-card .card-title .card-title-anxuan {
    display: inline-block;
    float: left;
    position: relative;
    top: 4px;
    width: 85px;
    height: 22px;
    margin-left: 10px
}

.f-card .card-icon {
    margin-right: 10px;
    margin-top: 5px;
    display: inline-block;
    vertical-align: -4px;
    width: 70px;
    height: 24px
}

.f-card .card-status {
    height: 18px;
    line-height: 18px
}

.f-card .card-status li {
    float: left;
    color: #999
}

.f-card .card-status-left li {
    margin-right: 10px
}

.f-card .card-status-right li {
    padding: 0 18px 0 20px;
}

.f-card .card-status-right li a {
    color: #999;
    font-size: 12px
}

.f-card .card-status-right li:hover a {
    color: #90c31f
}

.f-card .card-status-right .collect {
    background-position: -282px -90px
}

.f-card .card-status-right .tophone {
    position: relative;
    background-position: -282px -110px
}

.f-card .tophone .phone_code {
    display: none;
    background: #fff;
    position: absolute;
    left: 50%;
    z-index: 2;
    margin-left: -130px;
    width: 258px;
    height: 258px;
    text-align: center
}

.f-card .tophone .phone_code_wrap {
    margin-top: 10px;
    border: 1px solid #90c31f;
    height: 258px;
    background: #fff
}

.f-card .tophone .phone_code img {
    height: 180px;
    width: 180px;
    margin-top: 20px
}

.f-card .card-status-right .report {
    background-position: -282px -132px;
    width: 30px;
    padding-right: 0
}

.f-card .card-status-right .collect:hover {
    background-position: -155px -90px
}

.f-card .card-status-right .tophone:hover {
    background-position: -155px -110px
}

.f-card .card-status-right .report:hover {
    background-position: -155px -132px
}

.f-card .card-status .card-status-right {
    position: relative
}

.report-column {
    width: 110px;
    top: 24px;
    right: 0;
    background: #FFF;
    padding: 9px 0 18px;
    border: 1px solid #d2d2d2;
    position: absolute;
    z-index: 99
}

.report-column .jianjiao {
    position: absolute;
    top: -7px;
    right: 6px;
    width: 14px;
    height: 8px;
    background-position: 0 -67px;
    display: inline-block
}

.card-status-right .report-column a {
    display: block;
    padding-left: 20px;
    color: #888;
    font-size: 12px;
    line-height: 28px;
    color: #999
}

.card-status-right .report-column a:hover {
    background-color: #fafafa
}

.report-modal {
    display: none;
    position: fixed;
    top: 150px;
    left: 50%;
    margin-left: -250px;
    width: 500px;
    height: 378px;
    z-index: 1000;
    background-color: #fff
}

.report-m-close {
    width: 35px;
    height: 35px;
    position: absolute;
    top: -17px;
    right: -17px;
    background-position: -87px -40px;
    cursor: pointer
}

.modal-cover {
    display: none;
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    background: #000;
    opacity: .6;
    z-index: 999
}

.report-content {
    padding: 40px;
    font-family: "PingFangSC-Regular"
}

.report-content h3 {
    height: 20px;
    line-height: 20px;
    color: #3f3f3f;
    font-size: 14px;
    font-weight: bold
}

.report-content h3 span {
    color: #999;
    font-weight: normal
}

.report-content ul {
    overflow: hidden;
    padding-top: 10px
}

.report-content ul li {
    float: left;
    margin-bottom: 12px;
    margin-right: 20px;
    line-height: 17px;
    font-size: 12px;
    color: #333;
    cursor: pointer
}

.report-content li i {
    display: inline-block;
    position: relative;
    top: 2px;
    width: 12px;
    height: 12px;
    margin-right: 5px;
    background-position: -56px -84px
}

.report-content li.active i {
    background-position: -56px -102px
}

.report-desc {
    width: 410px;
    height: 114px;
    margin-top: 10px;
    padding: 5px;
    border-color: #f3f3f3;
    font-size: 12px
}

.report-desc.error {
    border-color: red
}

textarea::-webkit-input-placeholder {
    color: #ccc !important
}

textarea:-moz-placeholder {
    color: #ccc !important
}

textarea::-moz-placeholder {
    color: #ccc !important
}

textarea:-ms-input-placeholder {
    color: #ccc !important
}

.report-submit {
    width: 150px;
    height: 40px;
    color: #fff;
    background-color: #39bc30;
    font-size: 16px;
    line-height: 40px;
    text-align: center;
    margin-top: 15px;
    cursor: pointer
}

.f-card .card-pay {
    margin-top: 17px;
    padding-bottom: 10px
}

.f-card .card-pay li {
    float: left;
    font-size: 14px;
    color: #555
}

.f-card .card-pay .price {
    color: #e33d3d;
    padding-right: 20px;
    position: relative
}

.f-card .card-pay .rmb {
    font-size: 24px
}

.f-card .card-pay .num {
    font-size: 30px;
    position: relative;
    top: 1px
}

.f-card .card-pay .month {
    font-size: 16px
}

.f-card .card-pay .type,
.f-card .card-pay .month-pay {
    margin-top: 15px;
    padding-right: 30px
}

.f-card .card-pay .month-pay a {
    color: #0095e6
}

.card-blue {
    color: #0095e6
}

.f-card .er-card-pay {
    color: #e33d3d;
    margin-top: 20px;
    margin-bottom: 20px;
    font-size: 14px;
    position: relative
}

.f-card .er-card-pay .price {
    color: #e33d3d;
    font-size: 30px;
    padding-right: 4px
}

.f-card .er-card-pay .unit_price {
    color: #333;
    font-style: normal
}

.f-card .er-card-pay .unit {
    color: #555
}

.f-card .er-card-pay .red {
    color: #e33d3d
}

.f-card .er-card-pay .pay-line {
    display: inline-block;
    width: 2px;
    height: 12px;
    background: #555;
    margin: 0 6px;
    vertical-align: -1px
}

.f-card .er-card-pay .counter {
    position: absolute;
    right: 0;
    top: 0;
    height: 30px;
    line-height: 30px
}

.f-card .er-card-pay .counter a {
    margin-left: 10px
}

.f-card .er-card-pay .counter .suan-icon {
    display: inline-block;
    width: 12px;
    height: 12px;
    margin-right: 4px;
    vertical-align: -1px;
}

.f-card .er-list .t,
.f-card .er-list .t2 {
    display: inline-block;
    width: 5em;
    text-align: center;
    padding-right: 5px
}

.f-card .er-list .t2 {
    letter-spacing: 1em
}

.f-card .er-list .item {
    width: 300px;
    padding-right: 10px
}

.f-card .er-list .item .space,
.f-card .er-list-two .er-item .space {
    width: 2em;
    display: inline-block
}

.f-card .er-list .item .space_three {
    width: .5em;
    display: inline-block
}

.f-card .er-list .item,
.f-card .er-list-two .er-item {
    height: 14px;
    line-height: 14px;
    font-size: 14px;
    padding-bottom: 14px;
    color: #999;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.f-card .er-list-two .er-item {
    width: 100%
}

.f-card .er-list-two .er-item .xiaoqu {
    margin-right: 4px
}

.f-card .er-list .item .content {
    color: #333
}

.f-card .er-list-two .er-item .content {
    color: #333
}

.f-card .er-list-two .er-item.subway-show .subway-list {
    display: block
}

.f-card .er-list-two .er-item.subway-show .subway-arrow {
    display: inline-block
}

.f-card .er-list-two .er-item.subway-hide .subway-list {
    display: none
}

.f-card .er-list-two .er-item.subway-hide .subway-arrow {
    display: none
}

.f-card .er-list-two .er-item.subway-hide .arrow {
    background-position: -8px 0
}

.f-card .er-list-two .er-item.subway-show .arrow {
    background-position: 0 0
}

.f-card .er-list-two .arrow {
    background-position: -8px 0;
    width: 8px;
    height: 4px;
    display: inline-block;
    float: left;
    margin-top: 4px;
    margin-left: 5px
}

.f-card .er-list-two .er-item-cursor {
    overflow: inherit
}

.f-card .er-list-two .er-item-cursor .t,
.f-card .er-list-two .er-item .t {
    float: left;
    margin-right: 5px
}

.f-card .er-list-two .subway-list {
    color: #333;
    display: none;
    background: #fff;
    background: #fff;
    position: absolute;
    top: 25px;
    width: 300px;
    padding: 12px;
    border-radius: 5px;
    box-shadow: 1px 1px 5px #ccc;
    cursor: default;
    z-index: 1
}

.f-card .er-list-two .subway-list .subway-item {
    height: 30px;
    line-height: 30px;
    border-bottom: 1px solid #eee
}

.f-card .er-list-two .subway-list .subway-item.last {
    border: 0
}

.f-card .er-list-two .subway-wrap {
    cursor: pointer;
    float: left;
    position: relative;
    height: 30px
}

.f-card .er-list-two .subway-arrow {
    display: none;
    position: absolute;
    top: 18px;
    left: 30px;
    width: 12px;
    height: 10px;
    background-position: 0 -232px;
    z-index: 2
}

.f-card .sale {
    color: #4b4b4b;
    font-size: 12px;
    line-height: 18px;
    margin-bottom: 20px;
    padding-left: 38px;
}

.f-card .sale {
    padding-left: 0;
    background: 0
}

.f-card .sale span {
    color: #e33d3d;
    padding-left: 3px
}

.f-card .fee {
    padding-left: 0;
    background: 0
}

.f-card .fang-info {
    padding: 20px 0;
    font-size: 16px
}

.f-card .fang-info span {
    margin-right: 5px
}

.f-card .card-item {
    padding-bottom: 14px;
    font-size: 14px;
    color: #666
}

.f-card .card-item .distance {
    padding-left: 10px
}

.f-card .item-title {
    padding-right: 10px
}

.f-card .blue {
    color: #0095e6
}

.f-card .card-user {
    height: 76px
}

.f-card .card-user .head_wrap {
    display: inline-block;
    width: 60px;
    height: 60px;
    overflow: hidden;
    float: left;
    margin-top: 8px
}

.f-card .card-user .head {
    width: 60px;
    height: 60px;
    border-radius: 100%;
    float: left
}

.f-card .card-user .user-info {
    z-index: 10;
    margin-left: 75px;
    margin-top: 5px;
    position: relative;
    top: 50%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%)
}

.f-card .card-user .name {
    font-size: 18px;
    line-height: 18px;
    text-align: left;
    position: relative
}

.f-card .card-user .name a {
    color: #000
}

.f-card .card-user .name span {
    vertical-align: middle
}

.f-card .card-user .detail-icon {
    display: inline-block;
    width: 17px;
    height: 17px;
    background-size: 150px auto;
    background-position: 0 -124px;
    margin-left: 4px;
    position: relative;
    top: 3px;
    cursor: pointer
}

.f-card .card-user .icon-renlian {
    background-position: 0 -124px
}

.f-card .card-user .icon-renlian-gray {
    background-position: 0 -143px
}

.f-card .card-user .icon-zhima {
    background-position: -21px -124px
}

.f-card .card-user .icon-zhima-gray {
    background-position: -21px -143px
}

.f-card .card-user .icon-weixin {
    background-position: -44px -124px
}

.f-card .card-user .icon-weixin-gray {
    background-position: -44px -143px
}

.f-card .card-user .icon-phone {
    background-position: -67px -124px
}

.f-card .card-user .icon-phone-gray {
    background-position: -67px -143px
}

.f-card .card-user .icon-tip {
    display: none;
    position: absolute;
    width: 84px;
    height: 42px;
    background-size: 300px auto;
    background-position: -182px -256px;
    font-size: 12px;
    line-height: 40px;
    text-align: center;
    cursor: default;
    left: 17px;
    top: 20px
}

.f-card .card-user .message {
    padding-top: 10px;
    width: 80px
}

.f-card .card-user .agent-shop {
    padding-top: 10px
}

.f-card .card-user .agent-shop span {
    vertical-align: middle
}

.f-card .card-user .message-icon {
    vertical-align: middle;
    width: 20px;
    height: 20px;
    display: inline-block;
}

.f-card .card-user .message-text {
    display: inline-block;
    height: 20px;
    line-height: 20px;
    vertical-align: middle;
    margin-right: 5px
}

.f-card .card-user .user_other {
    padding-top: 10px
}

.f-card .card-user .person_other {
    font-size: 12px;
    color: #0095e6;
    padding-left: 5px
}

.f-card .card-user .company {
    color: gray;
    font-size: 14px;
    line-height: 12px
}

.f-card .license_box {
    font-size: 14px;
    color: gray;
    line-height: 12px;
    position: relative;
    margin-top: 10px
}

.f-card .work_license_box {
    font-size: 10px;
    color: #39bb31;
    letter-spacing: 0;
    vertical-align: bottom;
    display: inline-block;
    margin-left: 10px
}

.f-card .work_license_box span {
    color: #39bb31;
    border: 1px solid #39bb31;
    padding-right: 4px
}

.f-card .work_license_box span i {
    color: #fff;
    background: #39bb31;
    padding: 0 2px;
    margin-right: 4px
}

.f-card .license_img {
    z-index: 10;
    position: absolute;
    padding-top: 10px
}

.f-card .license_img a {
    position: relative;
    display: inline-block;
    background: #fff;
    padding: 10px;
    box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.25);
    width: 320px;
    border-radius: 4px
}

.f-card .work_license_box .license_img {
    left: -14px;
    height: 454px
}

.f-card .license_img a:before {
    position: absolute;
    display: inline-block;
    top: -6px;
    left: 50%;
    width: 0;
    height: 0;
    content: '';
    border-style: solid;
    border-width: 6px;
    border-color: #fff #fff transparent transparent;
    transform: rotate(-45deg);
    box-shadow: 2px -2px 4px -1px rgba(0, 0, 0, 0.25)
}

.f-card .license_img img {
    width: 100%;
    height: 100%
}

.f-card .card-tel {
    float: left;
    margin-right: 20px;
    width: 400px;
    height: 75px;
    line-height: 75px;
    background: #a6cf4c;
    text-align: center
}

.f-card .card-tel .number-single {
    display: inline-block;
    height: 75px;
    line-height: 75px;
    width: 400px;
    text-shadow: 1px 1px 8px #999;
    color: #fff;
    font-size: 26px;
    cursor: default
}

.f-card .card-tel .number-single .phone-icon {
    margin-right: 20px;
    vertical-align: middle;
    width: 44px;
    height: 44px;
    display: inline-block
}

.f-card .card-statement {
    float: left;
    width: 160px;
    height: 75px;
    background: #f3f8e7;
    padding: 0 20px;
    color: #333
}

.f-card .card-statement .title {
    font-size: 14px;
    text-align: center;
    padding-top: 10px
}

.f-card .card-statement .content {
    font-size: 12px;
    line-height: 18px;
    padding-top: 4px
}

.f-card .price-wrap {
    width: 540px;
    color: #999
}

.user-info .icon-axcmpny {
    position: absolute;
    margin-top: -1px
}

.icon-axcmpny {
    display: inline-block;
    width: 71px;
    height: 16px;
    background-size: 71px 16px;
    margin-left: 10px
}

.f-card a.number {
    cursor: default;
    color: #fff;
    width: 250px;
    float: left;
    font-size: 28px
}

.f-card .number {
    cursor: default;
    color: #fff;
    width: 250px;
    float: left;
    font-size: 28px
}

.f-card .view {
    float: left;
    line-height: 20px;
    width: 150px;
    height: 75px;
    background: #90c31f
}

.f-card .view a {
    display: inline-block;
    width: 150px;
    height: 75px;
    background: #90c31f
}

.f-card .has_time a,
.f-card .view a {
    color: #fff
}

.f-card .view a:hover {
    background: #87b71b
}

.f-card .has_time {
    line-height: 75px;
    float: left;
    width: 150px;
    height: 75px;
    background: #90c31f
}

.f-card .all-num {
    font-size: 16px;
    padding-top: 16px
}

.f-card .ok-date {
    font-size: 12px
}

.f-card .all-num-not {
    font-size: 16px;
    padding-top: 27px
}

.f-card .incidental {
    display: inline-block;
    font-size: 12px;
    color: #999
}

.f-card .incidental_item {
    color: #e33d3d;
    font-style: normal;
    padding-right: 5px
}

.f-card .incidental.no .incidental_item {
    padding-right: 0
}

.f-card .card_info {
    margin-top: 15px
}

.f-card .card_info .c_phone {
    float: left;
    min-width: 290px;
    height: 60px;
    background: #ff7200;
    cursor: pointer;
    position: relative
}

.f-card .c_phone .icon {
    width: 24px;
    height: 24px;
    padding: 18px;
    background: #f66e00
}

.f-card .c_phone .icon,
.f-card .c_phone .phone {
    float: left
}

.f-card .c_phone .phone {
    padding: 0 20px
}

.f-card .c_phone .phone .phone_num {
    height: 60px;
    line-height: 60px;
    color: #fff;
    font-size: 22px
}

.f-card .c_phone .icon span {
    display: block;
    width: 24px;
    height: 24px;
    background-position: 0 -284px
}

.f-card .c_phone:hover .icon {
    background: #d05d00
}

.f-card .c_phone:hover {
    background: #d86000
}

.f-card .card_info a.phone_number {
    display: inline-block;
    padding-top: 7px;
    color: #fff;
    font-size: 22px;
    line-height: 30px
}

.f-card .phone_tips {
    color: #fff;
    font-size: 12px;
    line-height: 14px
}

.f-card .mew_im {
    float: left;
    width: 100px;
    height: 20px;
    padding: 20px 0;
    background: #39bc30;
    margin-left: 10px
}

.f-card .mew_im .icon {
    float: left;
    width: 24px;
    height: 24px;
    margin-left: 12px;
    background-position: 0 -311px
}

.f-card .mew_im .content {
    float: left;
    line-height: 22px;
    font-size: 22px;
    color: #fff;
    padding-left: 6px
}

.f-card .mew_im:hover {
    background: #00a200
}

.warn_tips {
    width: 156px;
    padding: 12px;
    text-align: left;
    color: #666;
    font-size: 12px;
    background: #f3f9e8;
    margin-bottom: 20px
}

.warn_tips .title {
    color: #555;
    font-size: 14px;
    padding-bottom: 5px;
    text-align: center
}

.warn_tips .content {
    color: #666;
    font-size: 12px;
    line-height: 20px;
    text-align: justify
}

.warn_tips .icon {
    padding-right: 5px;
    width: 14px;
    height: 16px;
}

.warn_tips .icon,
.warn_tips .t_con {
    vertical-align: middle;
    display: inline-block;
    height: 16px
}

#d_detail #search_button {
    width: 94px;
    height: 44px
}

#f_detail .common-icon-fang {
    margin-left: 0
}

.detail_ji {
    position: absolute;
    top: 0;
    right: 10px;
    display: inline-block;
    width: 80px;
    height: 51px;
    line-height: 51px
}

.detail_ji img {
    width: 80px;
    height: 51px
}

.zhufangji_text {
    position: relative;
    font-size: 14px;
    color: #e33d3d;
    padding-top: 10px
}

.zhufangji_text .title,
.zhufangji_heng .title {
    cursor: pointer;
    color: #e33d3d
}

.zhufangji_heng {
    position: relative;
    font-size: 14px;
    color: #e33d3d;
    padding-left: 10px;
    display: inline-block
}

.zhufangji_layer {
    width: 390px;
    height: 150px;
    background: #fafafa;
    position: absolute;
    left: 0;
    top: 35px;
    box-shadow: 2px 2px 4px #e3e3e3;
    border-radius: 2px;
    z-index: 2
}

.z_title {
    padding: 30px 0 10px 0;
    border-bottom: 1px dashed #eee;
    margin-top: -10px;
    text-align: center
}

.z_list {
    font-size: 12px;
    color: #555;
    line-height: 18px;
    padding: 10px 20px 0
}

.zhufangji_heng .zhufangji_layer {
    top: 25px
}

.zhufangji_layer .arrow {
    position: absolute;
    top: -10px;
    left: 30px;
    width: 0;
    height: 0;
    border-left: 8px solid transparent;
    border-right: 8px solid transparent;
    border-bottom: 10px solid #fafafa
}

.zhufangji_layer .sale {
    position: absolute;
    top: 0;
    right: 0;
    display: inline-block;
    width: 46px;
    height: 46px
}

.detail-icon {
}

.saoma-box {
    display: none;
    position: absolute;
    bottom: 75px;
    width: 510px;
    height: 245px;
    padding-top: 30px;
    padding-left: 38px;
    background: #fff;
    border: 1px solid #dbdbdb;
    box-shadow: 0 2px 4px 0 #dbdbdb;
    z-index: 1999
}

.saoma-erweima {
    float: left;
    width: 222px;
    height: 222px
}

.saoma-erweima img {
    width: 222px;
    height: 222px
}

.saoma-content {
    float: left;
    margin-left: 22px;
    padding-top: 45px;
    width: 176px
}

.saoma-content p {
    font-size: 22px;
    line-height: 30px;
    margin-bottom: 30px
}

.saoma-content span {
    display: inline-block;
    line-height: 20px;
    font-size: 14px;
    color: gray
}

.saoma-box .icon-right {
    display: inline-block;
    width: 11px;
    height: 16px;
    background-position: -151px -222px;
    position: relative;
    top: 3px;
    margin-right: 5px
}

.saoma-box .icon-box-arrow {
    position: absolute;
    bottom: -15px;
    left: 90px;
    width: 24px;
    height: 18px;
    background-position: -183px -215px
}

.f-xq-card {
    border-bottom: 1px solid #f5f5f5;
    margin-bottom: 40px
}

.f-xq-card .card-info .card-title {
    display: inline-block;
    width: 530px;
    padding-right: 80px;
    position: relative;
    font-weight: bold;
    font-size: 36px;
    line-height: 36px;
    color: #000;
    height: 36px;
    font-family: 'PingFang-SC-Medium';
    overflow: initial;
    cursor: default
}

.f-xq-card .card-title>span {
    display: inline-block;
    margin-left: 5px;
    font-size: 16px;
    line-height: 16px;
    color: #888
}

.f-xq-card .tophone {
    position: absolute;
    height: 18px;
    line-height: 0;
    top: 16px;
    right: 0;
    padding-left: 20px;
    background-position: -282px -110px
}

.f-xq-card .tophone span {
    color: #999;
    font-size: 12px
}

.f-xq-card .phone_code {
    display: none;
    position: absolute;
    right: 0;
    top: 40px;
    padding: 20px;
    border: 1px solid #90c31f;
    background: #FFF
}

.f-xq-card .phone_code img {
    width: 180px;
    height: 180px
}

.f-xq-card .code_text {
    font-size: 12px;
    text-align: center
}

.f-xq-card .tophone a {
    color: #999;
    font-size: 12px;
    line-height: 12px
}

.xq-card-price {
    padding: 22px 0 46px;
    color: #e33d3d;
    font-size: 14px;
    line-height: 14px
}

.xq-card-price span {
    display: inline-block;
    margin-right: 10px
}

.xq-card-price .price {
    font-size: 34px;
    font-family: Arial-BoldMT;
    line-height: 34px
}

.xq-card-price .unit {
    font-size: 14px;
    line-height: 14px
}

.xq-card-price .text {
    color: #666
}

.xq-card-price .contrast.down {
    color: #00a81a
}

.xq-card-price .contrast .arrow {
    display: inline-block;
    width: 6px;
    height: 10px;
    margin-left: 4px;
}

.xq-card-price .down .arrow {
    background-position: -22px -10px
}

.xq-card-price .up .arrow {
    background-position: -22px 0
}

.f-xq-card .xq-card-attr {
    border-top: 1px solid #f5f5f5;
    border-bottom: 1px solid #f5f5f5;
    padding: 30px 0
}

.xq-card-attr .xq-list .item {
    height: 14px;
    font-size: 0;
    -webkit-text-size-adjust: none;
    padding-bottom: 20px;
    color: #999;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 300px;
    padding-right: 2px
}

.xq-card-attr .xq-list .item span {
    font-size: 14px;
    line-height: 14px
}

.xq-card-attr .xq-list .item:last-child {
    padding-bottom: 0
}

.xq-card-attr .xq-list .item-two {
    width: 100%
}

.xq-card-attr .item .content {
    color: #151515
}

.xq-card-resource .item {
    display: inline-block;
    width: 300px;
    padding-top: 40px;
    font-size: 14px;
    line-height: 14px;
    color: #999
}

.xq-card-resource .item a {
    position: relative;
    display: inline-block;
    font-size: 24px;
    line-height: 24px;
    color: #e33d3d;
    margin-left: 24px;
    padding-right: 20px
}

.xq-card-resource .item a::after {
    right: 0;
    top: 3px;
    content: "";
    display: inline-block;
    width: 10px;
    height: 10px;
    border-right: 1px solid #e33d3d;
    border-bottom: 1px solid #e33d3d;
    transform: rotate(-45deg);
    margin-left: 5px;
    margin-bottom: 2px
}

.f-loan {
    border: 1px solid #dedede;
    border-radius: 6px;
    margin-bottom: 44px;
    margin-top: 20px
}

.f-loan .top {
    padding: 0 20px;
    border-radius: 6px 6px 0 0;
    height: 38px;
    line-height: 38px;
    background: #f9f9f9;
    font-size: 14px
}

.f-loan .top .title {
    font-size: 18px;
    padding-right: 40px;
    font-weight: bold
}

.f-loan .top .num {
    color: #e33d3d
}

.f-loan .top .more {
    float: right
}

.f-loan .loan-con {
    font-size: 0;
    height: 36px;
    line-height: 36px;
    padding: 25px 20px;
    font-size: 14px
}

.f-loan .loan-con .brand {
    width: 118px;
    height: 34px;
    margin-right: 20px;
    border: 1px solid #dedede;
    border-radius: 6px;
}

.f-loan .loan-con .item {
    display: inline-block;
    vertical-align: middle;
    font-size: 14px
}

.f-loan .loan-con .title {
    width: 180px
}

.f-loan .loan-con .xin {
    width: 75px;
    color: #999
}

.f-loan .loan-con .dai {
    width: 155px
}

.f-loan .loan-con .dao {
    width: 235px
}

.f-loan .loan-con .submit {
    width: 120px;
    height: 36px;
    background: #f68d42;
    border-radius: 6px;
    text-align: center;
    color: #fff
}

.jp-icon {
    background-color: transparent;
    background-repeat: no-repeat
}

.jp-video *:focus {
    outline: 0
}

.jp-video a::-moz-focus-inner {
    border: 0
}

.jp-video {
    font-size: 16px;
    font-family: Verdana, Arial, sans-serif;
    line-height: 1.6;
    color: #666;
    background-color: #000
}

.jp-video-270p {
    width: 480px
}

.jp-video-360p {
    width: 640px
}

.jp-video-full {
    width: 480px;
    height: 270px;
    position: static !important;
    position: relative
}

.jp-video-full div div {
    z-index: 1000
}

.jp-video-full .jp-jplayer {
    top: 0;
    left: 0;
    position: fixed !important;
    position: relative;
    overflow: hidden
}

.jp-video-full .jp-gui {
    position: fixed !important;
    position: static;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1001
}

.jp-video-full .jp-interface {
    position: absolute !important;
    position: relative;
    bottom: 0;
    left: 0
}

.jp-interface {
    position: relative;
    background-color: #000;
    width: 100%
}

.jp-interface .jp-controls {
    margin: 0;
    padding: 0;
    overflow: hidden
}

.jp-video .jp-type-single .jp-controls {
    padding: 13px 10px 0
}

.jp-video .jp-type-single .jp-times {
    float: left
}

.jp-video .jp-type-single .jp-times span {
    display: inline-block;
    color: #ccc;
    height: 50px;
    line-height: 50px;
    font-size: 12px
}

.jp-video .jp-type-single .jp-times .jp-current-time {
    color: #fff
}

.jp-video .jp-type-single .jp-times .jp-all-time {
    color: #ccc
}

.jp-video .jp-type-playlist .jp-controls {
    width: 134px;
    margin-left: 172px
}

.jp-video .jp-controls {
    float: left
}

.jp-controls a {
    display: block;
    float: left;
    overflow: hidden;
    text-indent: -9999px;
    border: 0;
    cursor: pointer
}

.jp-play {
    width: 16px;
    height: 20px
}

.jp-stop,
.jp-previous,
.jp-next {
    width: 28px;
    height: 28px;
    margin-top: 6px
}

.jp-progress {
    background-color: #666
}

.jp-video .jp-progress {
    top: 0;
    left: 0;
    width: 100%;
    height: 6px
}

.jp-seek-bar {
    background: #666;
    width: 0;
    height: 100%;
    cursor: pointer
}

.jp-mute,
.jp-volume-max {
    height: 16px
}

.jp-mute {
    width: 10px;
    left: 0
}

.jp-volume-max {
    right: 0
}

.jp-mute {
    background-position: -60px 0
}

.jp-state-muted .jp-mute {
    left: 0;
    width: 17px;
    background-position: -90px 0
}

.jp-volume-max {
    width: 16px;
    background-position: -120px 0
}

.jp-volume-max.active {
    background-position: -120px -60px
}

.jp-current-time,
.jp-duration {
    font-size: 12px
}

.jp-current-time {
    float: left;
    display: inline;
    cursor: default
}

.jp-duration {
    float: right;
    display: inline;
    text-align: right;
    cursor: pointer
}

.jp-video .jp-current-time {
    margin-left: 20px
}

.jp-video .jp-duration {
    margin-right: 20px
}

.jp-details {
    font-weight: bold;
    text-align: center;
    cursor: default
}

.jp-details,
.jp-playlist {
    width: 100%;
    background-color: #ccc;
    border-top: 1px solid #009be3
}

.jp-type-single .jp-details,
.jp-type-playlist .jp-details {
    border-top: 0
}

.jp-details .jp-title {
    margin: 0;
    padding: 5px 20px;
    font-size: .72em;
    font-weight: bold
}

.jp-playlist ul {
    list-style-type: none;
    margin: 0;
    padding: 0 20px;
    font-size: .72em
}

.jp-playlist li {
    padding: 5px 0 4px 20px;
    border-bottom: 1px solid #eee
}

.jp-playlist li div {
    display: inline
}

div.jp-type-playlist div.jp-playlist li:last-child {
    padding: 5px 0 5px 20px;
    border-bottom: 0
}

div.jp-type-playlist div.jp-playlist li.jp-playlist-current {
    list-style-type: square;
    list-style-position: inside;
    padding-left: 7px
}

div.jp-type-playlist div.jp-playlist a {
    color: #333;
    text-decoration: none
}

div.jp-type-playlist div.jp-playlist a:hover {
    color: #0d88c1
}

div.jp-type-playlist div.jp-playlist a.jp-playlist-current {
    color: #0d88c1
}

div.jp-type-playlist div.jp-playlist a.jp-playlist-item-remove {
    float: right;
    display: inline;
    text-align: right;
    margin-right: 10px;
    font-weight: bold;
    color: #666
}

div.jp-type-playlist div.jp-playlist a.jp-playlist-item-remove:hover {
    color: #0d88c1
}

div.jp-type-playlist div.jp-playlist span.jp-free-media {
    float: right;
    display: inline;
    text-align: right;
    margin-right: 10px
}

div.jp-type-playlist div.jp-playlist span.jp-free-media a {
    color: #666
}

div.jp-type-playlist div.jp-playlist span.jp-free-media a:hover {
    color: #0d88c1
}

span.jp-artist {
    font-size: .8em;
    color: #666
}

.jp-video-play {
    display: none;
    width: 100%;
    overflow: hidden;
    cursor: pointer;
    background-color: rgba(0, 0, 0, 0)
}

.jp-video-full .jp-video-play {
    height: 100%
}

.jp-video-play-icon {
    position: relative;
    display: block;
    width: 112px;
    height: 100px;
    margin-left: -56px;
    margin-top: -50px;
    left: 50%;
    top: 50%;
    *left: 25px;
    text-indent: -9999px;
    border: 0;
    cursor: pointer
}

.jp-video-play-icon:focus {
}

.jp-jplayer audio,
.jp-jplayer {
    width: 0;
    height: 0
}

.jp-jplayer {
    background-color: #000
}

.jp-toggles {
    padding: 0;
    margin: 0 auto;
    overflow: hidden
}

.jp-video .jp-toggles {
    float: right;
    position: relative;
    top: 14px;
    right: 5px;
    margin-right: 10px
}

.jp-toggles a,
.jp-video-play-icon {
    display: block;
    text-indent: -9999px;
    border: 0;
    cursor: pointer
}

.jp-toggles a {
    float: left;
    line-height: 100%
}

.jp-full-screen {
    width: 17px;
    height: 17px;
    background-position: -150px 0
}

.jp-full-screen:hover {
    background-position: -150px -30px
}

.jp-repeat {
    width: 19px;
    height: 19px;
    margin-right: 17px;
    background-position: -180px 0
}

.jp-repeat:hover {
    background-position: -180px -30px
}

.jp-repeat.active {
    background-position: -180px -60px
}

.jp-shuffle {
    margin-left: 5px
}

.jp-shuffle:focus {
}

.jp-state-shuffled .jp-shuffle {
}

.jp-state-shuffled .jp-shuffle:focus {
}

.jp-no-solution {
    padding: 5px;
    font-size: .8em;
    background-color: #eee;
    border: 2px solid #009be3;
    color: #000;
    display: none
}

.jp-no-solution a {
    color: #000
}

.jp-no-solution span {
    font-size: 1em;
    display: block;
    text-align: center;
    font-weight: bold
}

.jp-state-dialog,
.jp-state-dialog .jp-state-bg,
.jp-state-dialog .jp-state-cont {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0
}

.jp-state-dialog .jp-state-bg,
.jp-state-dialog .jp-state-cont {
    width: 80px;
    height: 100px;
    top: 40%;
    left: 50%;
    margin-top: -40px;
    margin-left: -50px
}

.jp-state-dialog {
    display: none;
    z-index: 9
}

.jp-state-dialog .jp-state-bg {
    opacity: .4;
    filter: alpha(opacity=40);
    background: #000;
    border-radius: 2px
}

.jp-state-dialog .jp-state-logo {
    margin-top: 20px;
    -webkit-animation: rotate 1s infinite linear;
    animation: rotate 1s infinite linear
}

.jp-state-dialog .jp-state-text {
    color: #fff;
    font-size: 12px;
    text-align: center;
    margin-top: 30px;
    margin-bottom: 19px
}

.jp-state-dialog .jp-button-bar {
    text-align: center
}

.jp-state-dialog .jp-state-button,
.jp-state-dialog .jp-state-button:hover {
    display: inline-block;
    color: #fff;
    font-size: 12px;
    border-radius: 3px;
    text-decoration: none
}

.jp-state-dialog .jp-state-button:hover {
    color: #fff;
    border-color: #fff
}

.video-wrap {
    display: none;
    width: 100% !important;
    height: 100% !important
}

.none {
    display: none !important
}

.img_wrap {
    position: relative;
    display: inline-block;
    width: 600px;
    height: 450px;
    overflow: hidden;
    vertical-align: top;
    text-align: center
}

.img_wrap .video-player {
    cursor: pointer;
    position: absolute;
    top: 180px;
    left: 255px;
    width: 90px;
    height: 90px;
    background-position: 0 0;
    background-repeat: no-repeat
}

.img_video img,
.img_video i {
    cursor: pointer
}

.fast-faward-icon,
.jPlayerBtnIcon,
.jPlayerBtnIcon:hover,
.jp-full-screen,
.jp-full-screen:hover,
.jp-mute,
.jp-mute.active,
.jp-play,
.jp-play:hover,
.jp-state-dialog .jp-loading-animate,
.jp-state-dialog .jp-refresh-animate,
.jp-state-dialog .jp-replay-animate,
.jp-state-full-screen .jp-full-screen,
.jp-state-full-screen .jp-full-screen:hover,
.jp-state-muted .jp-mute,
.jp-state-playing .jp-play,
.jp-state-playing .jp-play:hover,
.jplaySmallIcon,
.jplaySmallIcon:hover,
.sprite_esf-detail_playerIcon {
}

.jPlayerBtn-layer {
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0
}

.jPlayerBtnIcon,
.jplaySmallIcon {
    position: absolute;
    top: 50%;
    left: 50%
}

.jPlayerBtnIcon {
    margin-top: -46px;
    margin-left: -46px;
    background-position: 0 -589px;
    width: 92px;
    height: 92px
}

.jPlayerBtnIcon:hover {
    background-position: 0 -686px;
    width: 92px;
    height: 92px
}

.jplaySmallIcon {
    margin-top: -19px;
    margin-left: -19px;
    background-position: 0 -469px;
    width: 38px;
    height: 38px
}

.jplaySmallIcon:hover {
    background-position: 0 -426px;
    width: 38px;
    height: 38px
}

.f-card .small-item,
.f-card .small-item.active {
    position: relative
}

.video-wrap {
    position: absolute;
    left: 0;
    top: 0;
    width: 100% !important;
    height: 100% !important
}

.jp-gui {
    position: relative
}

.jp-video-400p .jp-video-play {
    margin-top: -400px;
    height: 400px
}

.jp-video-400p .jp-interface {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    opacity: .5
}

.jp-controls-holder {
    clear: both;
    height: 43px;
    position: relative
}

.jp-video-400p .jp-controls-holder {
    clear: both;
    height: 50px;
    position: relative
}

.jp-video-400p .jp-progress {
    float: left;
    position: relative;
    top: 22px;
    width: 320px;
    height: 6px
}

.jp-video-full .jp-progress {
    float: left;
    position: relative;
    top: 22px;
    width: 70%;
    height: 6px
}

.jp-play {
    background-position: 0 -17px;
    width: 22px;
    height: 22px
}

.jp-play:hover {
    background-position: 0 -233px;
    width: 22px;
    height: 22px
}

.jp-state-playing .jp-play {
    background-position: 0 -152px;
    width: 22px;
    height: 22px
}

.jp-state-playing .jp-play:hover {
    background-position: 0 -287px;
    width: 22px;
    height: 22px
}

.jp-stop {
    margin-left: 10px
}

.jp-stop:focus {
}

.jp-previous {
}

.jp-previous:focus {
}

.jp-next {
}

.jp-next:focus {
}

.jp-play-bar {
    overflow: auto !important;
    position: relative;
    background: #ff552e;
    width: 0;
    height: 100%
}

.jp-play-bar .fast-faward-icon {
    right: -2px;
    top: -4px;
    border-radius: 50%
}

.jp-state-no-volume .jp-volume-controls {
    display: none
}

.jp-volume-controls {
    position: absolute;
    float: right;
    top: -76px;
    width: 22px;
    height: 112px;
    margin-right: 20px;
    right: 30px;
    z-index: 100
}

.jp-audio-stream .jp-volume-controls {
    left: 70px
}

.jp-volume-controls a,
.jp-volume-controls button {
    display: block;
    position: absolute;
    overflow: hidden;
    text-indent: -9999px;
    border: 0;
    cursor: pointer
}

.jp-volume-bar,
.jp-volume-bar-value {
    border-radius: 5px;
    position: absolute
}

.jp-volume-max {
    height: 16px
}

.jp-full-screen,
.jp-full-screen:hover,
.jp-mute,
.jp-mute.active {
    width: 22px;
    height: 22px
}

.jp-mute {
    bottom: 0;
    left: 0;
    background-position: 0 -179px
}

.jp-mute.active {
    background-position: 0 -206px
}

.jp-state-muted .jp-mute {
    background-position: 0 -71px;
    width: 22px;
    height: 22px
}

.jp-full-screen {
    background-position: 0 -125px
}

.jp-full-screen:hover {
    background-position: 0 -98px
}

.jp-volume-max {
    right: 0;
    width: 16px;
    background-position: -120px 0
}

.jp-volume-max.active {
    background-position: -120px -60px
}

.jp-volume-bar-wrap {
    display: none;
    overflow: hidden;
    background: #000;
    width: 22px;
    height: 80px;
    margin-bottom: 20px;
    cursor: pointer
}

.jp-volume-bar {
    background: #d8d8d8;
    height: 60px;
    top: 10px;
    width: 4px;
    left: 9px
}

.jp-volume-bar-value {
    bottom: 0;
    background: #ff552e;
    width: 100% !important;
    height: 0
}

.jp-volume-bar-value .fast-faward-icon {
    top: -2px;
    left: -4px
}

.fast-faward-icon {
    position: absolute;
    background-position: 0 0;
    width: 12px;
    height: 12px
}

.jp-state-full-screen .jp-full-screen {
    background-position: 0 -44px;
    width: 22px;
    height: 22px
}

.jp-state-full-screen .jp-full-screen:hover {
    background-position: 0 -260px;
    width: 22px;
    height: 22px
}

.jp-state-dialog .jp-loading-animate {
    margin-left: 25px;
    background-position: 0 -314px;
    width: 30px;
    height: 28px
}

.jp-state-dialog .jp-refresh-animate {
    margin-left: 21px;
    background-position: 0 -386px;
    width: 38px;
    height: 35px
}

.jp-state-dialog .jp-replay-animate {
    margin-left: 27px;
    -webkit-animation: none;
    animation: none;
    background-position: -7px -353px;
    width: 24px;
    height: 24px
}

.jp-state-dialog .jp-state-logo {
    margin-top: 10px;
    -webkit-animation: rotate 1s infinite linear;
    animation: rotate 1s infinite linear
}

@-webkit-keyframes rotate {
    0 {
        -webkit-transform-origin: center;
        transform-origin: center;
        opacity: 1
    }

    100% {
        -webkit-transform-origin: center;
        transform-origin: center;
        -webkit-transform: rotate3d(0, 0, 1, -360deg);
        transform: rotate3d(0, 0, 1, -360deg)
    }
}

@keyframes rotate {
    0 {
        -webkit-transform-origin: center;
        transform-origin: center;
        opacity: 1
    }

    100% {
        -webkit-transform-origin: center;
        transform-origin: center;
        -webkit-transform: rotate3d(0, 0, 1, -360deg);
        transform: rotate3d(0, 0, 1, -360deg)
    }
}

.be_like,
.be-recommend {
    color: #555;
    text-align: left
}

.be_like .be_title {
    height: 50px;
    line-height: 50px;
    font-size: 14px
}

.be_like .list .item {
    width: 180px;
    padding-bottom: 20px;
    float: left;
    margin-right: 20px
}

.be_like .list .item a {
    color: #555
}

.be_like .list .img {
    position: relative;
    overflow: hidden;
    margin-bottom: 5px
}

.be_like .list .img,
.be_like .list .img img {
    width: 180px;
    height: 134px;
    background-size: 180px 134px
}

.be_like .list .price,
.be_like .list .num {
    font-size: 14px;
    position: absolute;
    left: 0;
    bottom: 10px;
    width: 110px;
    height: 30px;
    line-height: 30px;
    text-align: center;
    overflow: hidden;
    color: #fff
}

.be_like .list .num {
    font-weight: bold
}

.be_like .list .num .fc-org {
    color: #fff
}

.be_like .list .price {
    background: #313131;
    opacity: .8;
    filter: alpha(opacity=80)
}

.be_like .list .info {
    font-size: 14px
}

.be_like .list .f-clear {
    margin-top: 10px
}

.be_like .list .info .title,
.be_like .list .info .size {
    height: 14px;
    line-height: 14px
}

.be_like .list .info .size {
    width: 88px;
    text-align: right
}

.be_like .list .info .title {
    width: 90px;
    text-align: left
}

#f_mew_list .be_like .item {
    margin: 0 11px
}

#f_mew_list .be_like .be_title {
    margin-left: 11px
}

.be_bottom_like {
    padding-bottom: 10px
}

.be_bottom_like .be_title,
.be-recommend .recd-title {
    font-size: 18px;
    font-weight: bold
}

.be_like.be_bottom_like .list .item,
.be_like.be_bottom_like .list .item .img,
.be_like.be_bottom_like .list .item .img img {
    width: 178px
}

.be_like.be_bottom_like .list .item.last {
    margin-right: 0
}

.be_like.be_bottom_like .be_like .list .item {
    padding-bottom: 0
}

.be-recommend .recd-title {
    height: 50px;
    line-height: 50px
}

.be-recommend-right .recd-title {
    font-size: 14px;
    font-weight: normal
}

.be_like .list .pricebox {
    position: absolute;
    left: 0;
    bottom: 10px;
    height: 25px;
    line-height: 25px;
    padding: 0 10px;
    background: rgba(0, 0, 0, 0.8);
    font-size: 16px;
    color: #fff
}

.be_like .list .info p {
    color: #333
}

.be_like .list .info .address {
    font-size: 14px;
    line-height: 24px
}

.be_like .list .info .area {
    font-size: 12px;
    line-height: 22px
}

.be-recommend .recd-con {
    overflow: hidden
}

.be-recommend .recd-con li {
    width: 145px;
    margin-right: 20px;
    padding-bottom: 20px;
    float: left
}

.be-recommend .recd-con li:nth-child(6n) {
    margin-right: 0
}

.be-recommend .recd-con li .img {
    width: 145px;
    height: 108px;
    margin-bottom: 5px;
    overflow: hidden
}

.be-recommend .recd-con li img {
    width: 145px;
    height: 108px
}

.be-recommend .kPic-p1 {
    font-size: 16px;
    color: #e33d3d;
    line-height: 26px
}

.be-recommend .kPic-p2 {
    font-size: 12px;
    color: #999;
    float: right;
    line-height: 22px
}

.be-recommend .recd-address {
    font-size: 12px;
    color: #333;
    height: 22px;
    line-height: 22px;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden
}

.be-recommend-right .recd-con li {
    width: 178px
}

.be-recommend-right .recd-con li .img,
.be-recommend-right .recd-con .img img {
    width: 178px;
    height: 133px
}

.s_follow_area {
    width: 180px;
    padding: 0 10px;
    text-align: left
}

.s_follow_area .s_title {
    font-size: 16px;
    padding: 20px 0 15px;
    border-bottom: 1px dashed #ededed;
    color: #555
}

.s_follow_area .s_content .item {
    padding-bottom: 20px;
    line-height: 1
}

.s_follow_area .s_content .info {
    display: inline-block;
    vertical-align: middle
}

.s_follow_area .s_content .num {
    width: 16px;
    height: 16px;
    margin-right: 10px;
    line-height: 16px;
    text-align: center;
    color: #555;
    font-style: normal;
    font-size: 12px;
    background: #ededed
}

.s_follow_area .s_content .item.first a {
    color: #f54545
}

.s_follow_area .s_content .item.second a {
    color: #ff8547
}

.s_follow_area .s_content .item.third a {
    color: #ffad37
}

.s_follow_area .s_content .item a {
    color: #4b4b4b
}

.s_follow_area .s_content .item.first .num {
    background: #f54545;
    color: #fff
}

.s_follow_area .s_content .item.second .num {
    background: #ff8547;
    color: #fff
}

.s_follow_area .s_content .item.third .num {
    background: #ffad37;
    color: #fff
}

.s_follow_area .s_content .industry,
.s_follow_area .s_content .address,
.s_follow_area .s_content .num {
    height: 16px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.s_follow_area .s_content .address {
    width: 90px;
    padding-right: 4px
}

.s_follow_area .s_content .industry {
    width: 60px;
    text-align: right
}

.s_list_pub {
    text-align: left;
    width: 180px;
    padding: 0 10px
}

.s_list_pub .s_title {
    padding: 20px 0 15px;
    border-bottom: 1px dashed #ededed;
    color: #555;
    font-size: 16px
}

.s_content {
    padding-top: 14px;
    font-size: 14px
}

.s_content .item_wrap {
    float: left;
    padding-bottom: 14px
}

.s_content .item_wrap.last_item_wrap {
    padding-bottom: 0
}

.s_content .item_wrap .item {
    height: 38px;
    line-height: 38px;
    position: relative;
    cursor: pointer;
    border: 1px solid #ededed;
    border-radius: 6px
}

.s_content .input_wrap {
    height: 38px;
    position: relative
}

.s_content .input_wrap .sanjiao {
    position: absolute;
    right: 20px;
    top: 50%;
    margin-top: -4px;
    color: #999;
    width: 8px;
    height: 4px;
    background-position: -16px 0
}

.s_content .item_wrap .s_input {
    float: left;
    height: 38px;
    border-radius: 6px;
    padding-left: 10px;
    font-size: 14px;
    color: #555
}

.s_content .select_list {
    z-index: 2;
    display: none;
    font-size: 14px;
    color: #999;
    border: 1px solid #90c31f;
    border-top: 1px solid #ededed;
    border-radius: 0 0 6px 6px;
    position: absolute;
    top: 34px;
    left: -1px;
    background: #fff
}

.s_content .select_list li {
    padding-left: 10px;
    height: 34px;
    line-height: 34px;
    overflow: hidden
}

.s_content .select_list li:hover {
    background: #f7fcf8;
    color: #555
}

.s_content .item_wrap.s_hover .item {
    border: 1px solid #90c31f
}

.s_content .item_wrap.s_hover .select_list {
    display: block
}

.s_content .item_wrap.half {
    width: 83px
}

.s_content .item_wrap.half .select_list {
    width: 81px;
    height: 204px;
    overflow: auto
}

.s_content .item_wrap.all {
    width: 178px
}

.s_content .item_wrap.all .select_list {
    width: 176px
}

.s_content .item_wrap.half .s_input {
    width: 39px;
    overflow: hidden
}

.s_content .item_wrap.all .s_input {
    width: 130px
}

.s_content .item_wrap.half_hou {
    margin-left: 10px
}

.s_content .item_input {
    height: 38px;
    line-height: 38px;
    float: left;
    border-radius: 6px;
    padding: 0 10px;
    font-size: 14px;
    margin: 0
}

#quick_budget {
    width: 105px
}

.s_content .item_input_unit {
    line-height: 38px;
    position: absolute;
    right: 15px;
    font-size: 14px
}

.s_content .all_input {
    width: 155px
}

.s_content .half_input {
    width: 70px
}

.s_content .get_avlidate {
    float: left;
    font-size: 12px;
    text-align: center;
    color: #555;
    border-left: 1px solid #ededed;
    padding: 0 5px;
    height: 38px;
    line-height: 38px
}

.s_content .item_wrap.s_hover .get_avlidate {
    background: #f7fcf8;
    border-radius: 0 6px 6px 0;
    color: #90c31f;
    border-left: 1px solid #90c31f
}

.s_content .item_wrap.s_clicked .get_avlidate {
    color: #90c31f
}

.s_content .item_wrap.s_error .item {
    border: 1px solid #fd634f
}

.s_content .s_submit {
    display: inline-block;
    margin-bottom: 14px;
    width: 180px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    background: #90c31f;
    border-radius: 6px;
    color: #fff
}

.s_content .s_prompt {
    line-height: 28px;
    font-size: 12px;
    display: none
}

.s_content .item_wrap.s_error .s_prompt {
    color: #fd634f;
    display: inline-block
}

.s_content .item_wrap.s_error_multiple .s_prompt {
    color: #fd634f
}

.s_content .s_pub_error {
    margin-right: 4px;
    display: inline-block;
    width: 12px;
    height: 12px;
    background-position: -52px 0;
    vertical-align: -1px
}

.s_content .s_submit.s_submiting {
    background: #cddec1
}

.s_content .s_submit.s_submited {
    background: #ffad37
}

.s_content .s_set_agent {
    padding-left: 10px;
    float: left;
    line-height: 32px;
    font-size: 12px;
    color: #999
}

.s_content .s_set_agent i {
    display: inline-block;
    margin-right: 4px;
    width: 13px;
    height: 13px;
    line-height: 13px;
    font-size: 12px;
    vertical-align: middle
}

.s_content .s_set_agent span {
    vertical-align: middle
}

.s_content .s_set_agent.checked i {
    display: inline-block;
    width: 14px;
    height: 14px;
    background-position: -38px 0
}

.s_content .s_set_agent.unchecked i {
    display: inline-block;
    width: 14px;
    height: 14px;
    background-position: -24px 0
}

.s_content .s_info .i_title {
    font-size: 16px;
    color: #555;
    padding-bottom: 5px
}

.s_content .s_info .i_sub_title {
    font-size: 12px;
    color: #999;
    padding-bottom: 5px
}

.s_content .item_wrap.pub_eara.s_error {
    position: relative;
    padding-bottom: 28px
}

.s_content .item_wrap.pub_eara.s_error_multiple {
    position: relative
}

.s_content .item_wrap.s_error_pad {
    padding-bottom: 0
}

.s_content .item_wrap.pub_eara .s_prompt {
    width: 100px;
    position: absolute;
    left: 0;
    bottom: 0
}

.s_content .item_wrap.s_error_red .item,
.s_content .item_wrap.s_error_pad .item {
    border: 1px solid #fd634f
}

.s_content .item_wrap.s_error_pad .s_prompt {
    display: block;
    color: #fd634f
}

.s_content .shangpu_slide {
    position: relative;
    margin-bottom: 10px;
    width: 180px;
    height: 140px;
    overflow: hidden
}

.s_content .shangpu_slide .slide_wrap {
    position: absolute;
    left: 0;
    top: 0
}

.s_content .shangpu_slide .puc_pic {
    width: 180px;
    height: 140px
}

.s_content .shangpu_slide .slide_item {
    float: left;
    height: 140px;
    position: relative
}

.s_content .shangpu_slide .pic_info {
    width: 160px;
    height: 37px;
    line-height: 1;
    padding: 5px 10px;
    color: #fff;
    position: absolute;
    left: 0;
    bottom: 0;
}

.s_content .shangpu_slide .click_num {
    padding-bottom: 5px
}

.s_content .shangpu_slide .click_num,
.s_content .go_info .unit {
    font-size: 12px;
    font-style: normal
}

.go_info span {
    display: inline-block;
    vertical-align: middle
}

.go_info .address {
    width: 90px;
    padding-right: 5px
}

.go_info .price {
    width: 65px
}

.shangpu_slide {
    cursor: pointer
}

.shangpu_slide .next,
.shangpu_slide .prev {
    opacity: .5;
    cursor: pointer;
    background: url(http://stacdn201.ganjistatic1.com/src/app/ms_v2/housing_v2/html/images/new_list.png);
    display: inline-block;
    width: 16px;
    height: 24px;
    position: absolute;
    top: 50%;
    margin-top: -12px
}

.shangpu_slide .next {
    right: 12px;
    background-position: -16px -208px
}

.shangpu_slide .prev {
    left: 12px;
    background-position: 0 -208px
}

.shangpu_slide:hover .next,
.shangpu_slide:hover .prev {
    opacity: 1
}

.s_recommend {
    width: 180px;
    padding: 0 10px;
    text-align: left;
    margin-bottom: 20px
}

.s_recommend .s_title {
    padding: 20px 0 15px;
    border-bottom: 1px dashed #ededed;
    color: #555;
    font-size: 16px
}

.s_recommend .s_content .item {
    width: 158px;
    padding: 10px;
    border: 1px solid #ededed;
    border-radius: 6px
}

.s_recommend .s_content .item:hover {
    border: 1px solid #90c31f
}

.s_recommend .s_content .main_info {
    font-size: 14px;
    height: 14px;
    line-height: 1
}

.s_recommend .sub_info {
    font-size: 12px;
    height: 12px;
    color: #252525;
    padding-top: 7px;
    line-height: 1
}

.s_recommend .s_content .main_info p.f-em1p5 {
    display: inline-block;
    width: 14px
}

.f-introduce {
    position: relative;
    margin-bottom: 40px
}

.f-introduce .tab {
    background: #fafafa
}

.f-introduce .tab .tab-item {
    float: left;
    margin-right: 40px;
    font-weight: bold
}

.f-introduce .tab .tab-item.active a {
    border-bottom: 4px solid #90c31f;
    color: #90c31f
}

.f-introduce .tab .tab-item.active a:hover {
    font-weight: bold
}

.f-introduce .tab .tab-item a:hover {
    font-weight: normal;
    color: #90c31f;
    font-weight: bold
}

.f-introduce .tab a {
    display: inline-block;
    height: 44px;
    line-height: 44px;
    font-size: 18px;
    color: #555
}

.f-introduce .i-phone span.tel-hide-char {
    margin: 0 5px
}

.f-introduce .i-phone {
    display: none;
    font-size: 18px;
    line-height: 48px;
    color: #90c31f;
    position: absolute;
    top: 0;
    right: 220px;
    font-weight: bold
}

.f-introduce .i-phone span {
    margin-right: 24px;
    display: inline-block;
    line-height: 48px
}

.f-introduce .i-phone span.js-nav-phone {
    margin-right: 0
}

.f-introduce .i-phone span img {
    vertical-align: -6px
}

#f_detail .tab-fixed {
    position: fixed;
    width: 100%;
    top: 0;
    left: 0;
    z-index: 99;
    margin: 0;
    background: #fafafa
}

#f_detail .tab-fixed .tab-wrap {
    width: 1190px;
    margin: 0 auto;
    position: relative
}

.f-group {
    color: #555;
    font-size: 14px
}

.f-group .g-title {
    font-size: 18px;
    margin-bottom: 20px;
    padding-top: 5px;
    font-weight: bold
}

.f-group .collocation {
    padding-bottom: 44px
}

.f-group .collocation .item {
    float: left;
    height: 76px;
    width: 102px;
    text-align: center;
    padding-bottom: 26px
}

.f-group .collocation .icon {
    width: 102px;
    height: 50px;
    line-height: 50px;
    text-align: center;
    vertical-align: middle
}

.f-group .collocation .icon img {
    width: 44px;
    height: 44px
}

.f-group .collocation .item.dele {
    text-decoration: line-through;
    color: #ccc
}

.f-group .collocation .text {
    line-height: 26px;
    font-size: 14px
}

.f-group .describe {
    padding-bottom: 19px;
    overflow: hidden
}

.f-group .fang-source-num {
    margin-top: -17px
}

.f-group .describe .item {
    padding-bottom: 25px;
    line-height: 26px
}

.f-group .describe .name {
    margin-right: 10px
}

.f-group .describe .phone {
    margin-right: 5px
}

.f-group .describe .no_result {
    padding-top: 20px;
    text-align: center
}

.f-group .mate-wrap {
    padding-bottom: 44px
}

.f-group .roommate {
    margin-bottom: 10px
}

.f-group .roommate .list {
    margin-left: 108px
}

.f-group .roommate .title {
    width: 98px;
    padding-right: 10px;
    height: 34px;
    line-height: 34px;
    float: left
}

.f-group .roommate .item {
    margin-bottom: 10px;
    display: inline-block;
    width: 118px;
    height: 34px;
    line-height: 34px;
    text-align: center;
    margin-right: 10px;
    border: 1px solid #dedede
}

.f-group .roommate .item .roommate-icon,
.f-group .roommate .item .roommate-text {
    font-style: inherit;
    display: inline-block;
    vertical-align: middle
}

.f-group .roommate .item .roommate-icon {
    width: 24px;
    height: 24px;
}

.f-group .roommate .item .man {
    background-position: 0 -155px
}

.f-group .roommate .item .woman {
    background-position: -24px -155px
}

.f-group .roommate .item .no {
    background-position: 0 -179px
}

.f-group .stay-item {
    float: left;
    border: 1px solid #dedede;
    width: 240px;
    margin-right: 20px;
    margin-top: 10px
}

.f-group .stay-item .head {
    width: 90px;
    text-align: center;
    padding: 12px 0;
    border-right: 1px solid #dedede
}

.f-group .stay-item img {
    width: 48px;
    height: 48px;
    border-radius: 50%
}

.f-group .stay-item .name {
    line-height: 15px;
    color: #555;
    margin-top: 10px;
    font-family: "Microsoft YaHei", "微软雅黑", "arial", "Tahoma", "SimSun", "sans-serif"
}

.f-group .roommate .stay {
    width: 860px
}

.f-group .roommate .stay .text {
    background-color: #fbfbfb;
    padding: 13px 0;
    padding-left: 20px
}

.f-group .roommate .stay .text-item {
    margin-top: 16px;
    height: 14px;
    width: 129px;
    overflow: hidden;
    text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    white-space: nowrap
}

.f-group .roommate .stay .text-item:first-child {
    margin-top: 0
}

.f-group .map-title li {
    float: left;
    line-height: 18px
}

.f-group .map-title .new-around {
    padding-right: 5px;
    border-right: 2px solid #ccc
}

.f-group .map-title .tab-item {
    color: #555
}

.f-group .map-title .split {
    margin: 0 5px;
    line-height: 18px;
    color: #ccc
}

.f-group .map-title li.active a {
    color: #90c31f
}

.f-group .map-title li a:hover {
    font-weight: bold;
    color: #90c31f
}

.f-group .map-title li.active a:hover {
    color: #90c31f;
    font-weight: bold
}

.f-group .map-wrap {
    width: 970px;
    height: 450px;
    padding-bottom: 44px
}

.f-group .map-content {
    position: relative
}

.f-group .map-content .map-left {
    width: 600px;
    height: 450px;
    background: #ccc;
    position: relative
}

.f-group .map-content .map-right {
    border: 1px solid #dedede;
    width: 368px;
    height: 448px
}

.f-group .map-right .configure {
    background: #f5f5f5;
    padding-top: 22px;
    padding: 5px 0 21px 50px
}

.f-group .map-right .configure .item {
    float: left;
    width: 30px;
    height: 50px;
    margin-right: 30px;
    text-align: center;
    margin-top: 17px;
    position: relative
}

#f_detail .extra-box label {
    opacity: 0;
    filter: alpha(opacity=0);
    z-index: 2;
    position: absolute;
    left: 0;
    top: 0;
    width: 30px;
    height: 60px
}

#f_detail .extra-box {
    padding: 0
}

#f_detail .extra-cont1 {
    height: auto
}

.f-group .map-right .configure .item.current .text {
    color: #90c31f
}

.f-group .configure .item.current .sub {
    background-position: 0 -60px
}

.f-group .configure .item.current .transit {
    background-position: -30px -60px
}

.f-group .configure .item.current .school {
    background-position: -59px -60px
}

.f-group .configure .item.current .hospital {
    background-position: -90px -60px
}

.f-group .configure .item.current .food {
    background-position: -120px -60px
}

.f-group .configure .item.current .bank {
    background-position: 0 -90px
}

.f-group .configure .item.current .market {
    background-position: -30px -90px
}

.f-group .configure .item.current .wuran {
    background-position: -60px -90px
}

.f-group .configure .item.current .supermarket {
    background-position: -90px -90px
}

.f-group .map-right .configure .item.current .text {
    color: #90c31f
}

.f-group .configure .icon {
    width: 30px;
    height: 30px;
    line-height: 30px
}

.f-group .configure .text {
    line-height: 20px;
    height: 20px;
    color: #767575
}

.f-group .configure .item .sub {
    background-position: 0 0
}

.f-group .configure .item .transit {
    background-position: -30px 0
}

.f-group .configure .item .school {
    background-position: -59px 0
}

.f-group .configure .item .hospital {
    background-position: -90px 0
}

.f-group .configure .item .food {
    background-position: -120px 0
}

.f-group .configure .item .bank {
    background-position: 0 -30px
}

.f-group .configure .item .market {
    background-position: -30px -30px
}

.f-group .configure .item .wuran {
    background-position: -60px -30px
}

.f-group .configure .item .supermarket {
    background-position: -90px -30px
}

.f-group .map-right .detail {
    height: 262px;
    overflow: auto;
    padding: 13px 0
}

.f-group .detail .item {
    width: 350px
}

.f-group .detail .item a {
    display: block;
    color: #555;
    padding-top: 26px;
    padding: 13px 15px 13px 35px
}

#f_detail .f-group .detail .item a:hover {
    text-decoration: none
}

.f-group .detail .icon {
    text-align: center;
    line-height: 24px;
    font-size: 12px;
    color: #fff;
    float: left;
    width: 24px;
    height: 24px;
    background: url(http://sta.ganjistatic1.com/src/app/ms_v2/housing_v2/html/images/map.png) no-repeat
}

.f-group .detail .sub {
    background-position: 0 -120px
}

.f-group .detail .text {
    margin-left: 30px;
    position: relative
}

.f-group .detail .title {
    font-size: 14px;
    color: #0095e6;
    font-size: 14px;
    padding-bottom: 8px;
    line-height: 20px;
    padding-right: 50px
}

.f-group .detail .sub-title {
    font-size: 12px
}

.f-group .detail .distance {
    line-height: 20px;
    position: absolute;
    top: 0;
    right: 0;
    color: #999;
    font-size: 12px;
    width: 50px;
    text-align: right
}

.f-group .district {
    padding-bottom: 34px
}

.f-group .district a:hover,
.f-group .agent a:hover {
    color: #0095e6
}

.f-group .district .title {
    padding-bottom: 12px;
    line-height: 14px;
    font-size: 16px
}

.f-group .district .title .not {
    color: #ccc
}

.f-group .district .average {
    padding-left: 15px
}

.f-group .district .average-red {
    color: #e33d3d;
    font-style: normal
}

.f-group .district .sub-title {
    padding-bottom: 12px
}

.f-group .district .sub-blue {
    margin-right: 5px;
    color: #0095e6;
    font-size: 14px
}

.f-group .district .sub-not {
    margin-right: 5px;
    font-size: 14px;
    color: #ccc
}

.f-group .district .info {
    padding-bottom: 12px
}

.f-group .district .info li {
    line-height: 26px;
    height: 26px;
    float: left;
    width: 330px
}

.f-group .district .text p {
    padding-bottom: 10px
}

.f-group .agent {
    padding-bottom: 44px;
    padding-top: 25px
}

.f-group .agent-user {
    padding-right: 90px
}

.f-group .agent .head {
    width: 100px;
    height: 100px;
    float: left;
    border-radius: 100%;
    overflow: hidden
}

.f-group .agent .head img {
    width: 100px;
    height: 100px;
    border-radius: 100%
}

.f-group .agent .info {
    margin-left: 120px;
    padding-top: 10px
}

.f-group .agent .name {
    font-size: 16px;
    color: #000
}

.f-group .agent .ren {
    font-size: 0;
    padding-bottom: 10px;
    height: 20px
}

.f-group .agent .item span {
    vertical-align: middle
}

.f-group .agent .name {
    padding-right: 10px
}

.f-group .agent .attribute {
    background: url(http://sta.ganjistatic1.com/src/app/ms_v2/housing_v2/html/images/detail_icon.png) no-repeat;
    display: inline-block;
    margin-right: 10px;
    font-size: 12px;
    color: #555;
    height: 16px;
    line-height: 16px
}

.f-group .agent .server {
    padding-bottom: 25px;
    font-size: 12px;
    color: #999
}

.f-group .agent .agent-info {
    height: 20px;
    line-height: 20px;
    font-size: 14px;
    color: #555
}

.f-group .agent .company {
    float: left;
    padding-right: 20px
}

.f-group .agent .shop {
    float: left;
    padding-left: 25px;
    background: url(http://sta.ganjistatic1.com/src/app/ms_v2/housing_v2/html/images/detail_icon.png) no-repeat -24px -32px
}

.f-group .agent .shop a {
    color: #0095e6;
    font-size: 12px
}

.f-group .shop-head {
    width: 100px;
    height: 100px;
    float: left;
    overflow: hidden
}

.f-group .shop-head img {
    width: 100px;
    height: 100px
}

.f-group .agent .id {
    padding-left: 20px;
    background-position: -28px 0
}

.f-group .agent .licence {
    padding-left: 30px;
    background-position: -22px -16px
}

.f-group .t-list {
    padding-bottom: 30px
}

.f-group .t-list .item {
    overflow: hidden;
    color: #fff;
    float: left;
    width: 178px;
    height: 134px;
    margin-right: 20px;
    position: relative
}

.f-group .t-list .img {
    width: 178px;
    height: 134px
}

.f-group .t-list .text {
    padding: 0 9px;
    width: 160px;
    position: absolute;
    left: 0;
    bottom: 0;
    height: 34px;
    line-height: 34px
}

.f-group .t-list .mark {
    background: #000;
    opacity: .7;
    filter: alpha(opacity=70);
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 34px
}

.f-group .t-list .last {
    margin-right: 0
}

.f-group .agent-new {
    padding-bottom: 44px;
    padding-top: 19px
}

.f-group .agent-new .head {
    width: 100px;
    height: 100px;
    float: left;
    border-radius: 100%;
    overflow: hidden
}

.f-group .agent-new .head img {
    width: 100px;
    height: 100px;
    border-radius: 100%
}

.f-group .agent-new .info {
    margin-left: 120px;
    padding-top: 0
}

.f-group .agent-new .person {
    height: 26px;
    color: #555
}

.agent-new .person span,
.agent-new .person a {
    display: inline-block;
    vertical-align: middle
}

.f-group .agent-new .name {
    font-size: 20px;
    padding-right: 9px;
    line-height: 26px
}

.f-group .agent-new .evaluate-icon {
    position: relative;
    top: 2px;
    margin-right: 8px;
    cursor: pointer
}

.agent-new .evaluate-icon i {
    display: inline-block;
    height: 14px;
    width: 14px;
    background: url(http://stacdn201.ganjistatic1.com/src/app/ms_v2/housing_v2/html/images/icon.png);
    background-position: right -152px;
    margin-right: 2px
}

.agent-new .evaluate-icon i.sub-star {
    background-position: right -171px
}

.agent-new .evaluate-icon i.star {
    background-position: right -189px
}

.agent-new .evaluate-icon .pointer-float {
    position: absolute;
    display: none;
    top: -45px;
    width: 140px;
    padding: 9px 15px;
    background: #000;
    opacity: .7;
    border-radius: 2px;
    font-size: 14px;
    line-height: 17px;
    color: #fff
}

.agent-new .active .pointer-float {
    display: block
}

.agent-new .evaluate-icon .pointer-float:after {
    display: block;
    position: absolute;
    content: '';
    width: 0;
    height: 0;
    bottom: -3px;
    left: 30px;
    border-top: 6px solid #000;
    border-right: 6px solid #000;
    transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg)
}

.agent-new .evaluate-score {
    line-height: 26px;
    font-size: 12px
}

.agent-new .evaluate-score b {
    color: #ff7200;
    margin-right: 3px;
    font-weight: normal
}

.agent-new #webim_account_info {
    display: inline-block
}

.agent-new #webim_account_info a.mew_im {
    width: 56px;
    height: 20px;
    margin-left: 10px;
    background: url(http://stacdn201.ganjistatic1.com/src/app/ms_v2/housing_v2/html/images/icon.png?v=20171016);
    background-position: 0 -220px
}

.agent-new #webim_account_info a.mew_im:hover {
    background-position: -72px -220px
}

.agent-new #webim_account_info .content {
    display: none
}

.agent-new .service,
.agent-new .evaluate-info {
    float: left;
    width: 400px
}

.agent-new .evaluate-info {
    position: relative;
    top: 24px;
    margin-left: 70px;
    width: 260px
}

.agent-new .service li,
.agent-new .evaluate-info li {
    line-height: 24px;
    font-size: 14px;
    color: #999
}

.agent-new .service .title {
    vertical-align: top
}

.agent-new .service .icon-axcmpny {
    position: absolute;
    margin-top: 4px
}

.agent-new .honor i {
    display: inline-block;
    width: 14px;
    height: 14px;
    background: url(http://stacdn201.ganjistatic1.com/src/app/ms_v2/housing_v2/html/images/icon.png) -210px -159px
}

.agent-new .honor .chizheng {
    background-position: -88px -160px
}

.agent-new .honor .pingtai {
    background-position: -111px -160px
}

.agent-new .honor .shandian {
    background-position: -136px -160px
}

.agent-new .honor .zhuanjia {
    background-position: -160px -160px
}

.agent-new .honor .zishen {
    background-position: -184px -160px
}

.agent-new .service .xiaoqu {
    display: inline-block;
    width: 300px
}

.agent-new .service .text,
.agent .evaluate-info .text {
    color: #2a2a2a;
    display: inline-block
}

.agent-new .evaluate-info .text b {
    display: inline-block;
    width: 30px;
    color: #151515;
    font-weight: normal
}

.agent-new .evaluate-info .text .orange {
    color: #ff7200
}

.f-group .agent-new .shop {
    position: relative;
    top: 24px;
    float: right;
    padding-left: 25px;
    line-height: 20px;
    background: url(http://stacdn201.ganjistatic1.com/src/app/ms_v2/housing_v2/html/images/icon.png) no-repeat -279px -205px
}

\ .f-group .agent-new .shop a {
    font-size: 14px
}

.f-group .operation .data_source {
    text-align: right;
    margin-top: 10px;
    color: #999
}

.f-group .o_chart {
    float: left
}

.f-group .o_list {
    float: right;
    width: 366px;
    height: 292px;
    overflow: hidden;
    border-radius: 6px;
    border: 1px solid #e9e9e9
}

.f-group .o_list .title_item {
    height: 36px;
    line-height: 36px;
    background: #fbfbfb
}

.f-group .o_list .title_item p {
    color: #555
}

.f-group .o_list .content_item {
    width: 345px;
    height: 36px
}

.f-group .o_list .content_item p {
    color: #999
}

.f-group .o_list .item {
    padding-left: 10px
}

.f-group .o_list .item p {
    width: 115px;
    height: 36px;
    line-height: 36px;
    text-align: center;
    float: left
}

.f-group .o_list .item p.two_item {
    width: 170px
}

.f-group .o_list .item-null {
    width: 100%;
    height: 100%;
    background: url(http://stacdn201.ganjistatic1.com/src/image/v3/icon/default_null.png) center no-repeat;
    background-size: 158px 139px
}

.f-group .o_list .item-null-tip {
    text-align: center;
    padding-top: 230px
}

.f-group .o_content {
    height: 220px;
    width: 366px;
    overflow-y: auto;
    overflow-x: hidden
}

.f-group .operation .o_info_red {
    color: #e33d3d;
    padding: 0 5px
}

.f-group .operation .o_info {
    text-align: center
}

.f-group .oper_bar {
    padding-left: 50px
}

.f-group .oper_bar .restaurant_icon {
    font-size: 24px
}

.f-group .oper_bar .restaurant_icon,
.f-group .oper_bar .restaurant_world {
    vertical-align: middle;
    display: inline-block;
    height: 20px;
    line-height: 20px
}

.f-group .oper_bar .bar_title {
    padding-bottom: 15px
}

.f-group .oper_bar .bar_content {
    padding-left: 60px;
    height: 120px;
    position: relative
}

.f-group .item_bar {
    position: absolute;
    top: 50px
}

.f-group .item_bar .bar_img,
.f-group .item_bar .di,
.f-group .item_bar .gao {
    display: inline-block;
    vertical-align: middle
}

.f-group .bar_wrap {
    position: relative;
    display: inline-block;
    margin: 0 20px
}

.f-group .tips_world {
    width: 128px;
    height: 30px;
    line-height: 30px;
    text-align: center;
    border-radius: 6px;
    position: absolute
}

.f-group .tips_top {
    background: #ffc804;
    color: #fff;
    top: -40px;
    left: 50%;
    margin-left: -64px
}

.f-group .tips_bottom {
    background: #e9e9e9;
    color: #555;
    bottom: -40px;
    left: 50%;
    margin-left: -64px
}

.f-group .tips_top .arrow,
.f-group .tips_bottom .arrow {
    width: 8px;
    height: 4px;
    position: absolute;
    left: 50%;
    margin-left: -4px;
    background: url(http://sta.ganjistatic1.com/src/app/ms_v2/housing_v2/html/images/shangpu.png)
}

.f-group .tips_top .arrow {
    bottom: -4px;
    color: #ffc701
}

.f-group .tips_bottom .arrow {
    top: -4px;
    color: #e9e9e9;
    background-position: -101px -8px
}

.f-group .oper_bar .restaurant_icon {
    display: inline-block;
    width: 14px;
    height: 6px;
    margin-right: 4px;
    background: url(http://sta.ganjistatic1.com/src/app/ms_v2/housing_v2/html/images/shangpu.png)
}

.f-group .oper_bar.green .restaurant_icon {
    background-position: -110px 0
}

.f-group .oper_bar.yellow .restaurant_icon {
    background-position: -110px -6px
}

.f-group .oper_bar.yellow .tips_top {
    background: #ffc803
}

.f-group .oper_bar.green .tips_top {
    background: #90c31f
}

.f-group .oper_bar.yellow .tips_top .arrow {
    color: #ffc803;
    background-position: -101px -4px
}

.f-group .oper_bar.green .tips_top .arrow {
    color: #90c31f;
    background-position: -101px 0
}

#f_detail .fc-red {
    color: #ffea3b
}

.f-group .list-no-result {
    text-align: center;
    color: #888;
    margin-top: 50px
}

.f-main-right {
    text-align: center;
    line-height: 1.5
}

.f-main-right .l-like {
    border: 1px solid #dedede;
    padding: 0 9px;
    line-height: 1
}

.f-main-right .l-like .l-title {
    padding-top: 13px;
    text-align: left;
    margin-bottom: 13px
}

.f-main-right .l-like .item {
    width: 180px;
    height: 120px;
    margin: 0 0 10px 0
}

.f-main-right .l-like .item img {
    width: 180px;
    height: 120px
}

.f-main-right .l-like .list {
    padding-bottom: 0
}

#f_detail .extra-loading {
    position: absolute;
    display: none;
    width: 368px;
    height: 288px;
    top: 160px;
    text-align: center;
    line-height: 288px;
    background: #fff;
    right: 0
}

.infor-bot a,
.infor-bot,
.disclaimer {
    font-size: 12px;
    color: #999;
    line-height: 22px
}

.disclaimer {
    padding-bottom: 20px
}

.infor-bot {
    padding-top: 30px
}

.carousel-wrap {
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 9999
}

.carousel {
    width: 100%;
    height: 100%;
    position: absolute;
    z-index: 999;
    overflow: hidden
}

.carousel-wrap .mark {
    width: 100%;
    height: 100%;
    position: fixed;
    left: 0;
    top: 0;
    background: #000;
    opacity: .9
}

.c-roll {
    width: 100%;
    height: 100%;
    font-size: 0
}

.c-roll .r-item {
    width: 100%;
    height: 100%;
    display: inline-block;
    position: relative
}

.c-roll img {
    margin: auto;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    max-width: 100%;
    max-height: 100%
}

.c-roll .img-wrap {
    width: 100%;
    height: 100%
}

.c-roll .title {
    width: 100%;
    opacity: .8;
    color: #fff;
    font-size: 14px;
    position: absolute;
    bottom: 0;
    left: 0;
    line-height: 40px;
    background: #000;
    text-align: center
}

.c-left,
.c-right,
.c-close {
    position: absolute;
    background-image: url(http://sta.ganjistatic1.com/src/image/v5/house/icon_20160523.png)
}

.c-left,
.c-right {
    width: 26px;
    height: 46px;
    top: 50%;
    margin-top: -23px
}

.c-left {
    left: 10%;
    background-position: -70px 0
}

.c-right {
    right: 10%;
    background-position: -44px 0
}

.c-close {
    top: 5%;
    right: 5%;
    background-position: 0 0;
    width: 44px;
    height: 44px
}

.all-screen-no-scroll {
    height: 100%;
    overflow: hidden
}

.pay-guide {
    margin: 20px 0
}

.pay-guide-tbl th {
    background: #fee3bd;
    border-left: 1px solid #fff;
    font-weight: normal
}

.pay-guide-tbl td {
    background: #fff4dc;
    border-left: 1px solid #fff;
    border-bottom: 1px solid #fff;
    font-size: 14px;
    text-align: center
}

.pay-guide-tbl th,
.fc-tit {
    color: #d57f00;
    font-family: 'Microsoft YaHei', 'SimSun';
    font-size: 18px
}

.pay-guide-r {
    background: url(http://sta.ganjistatic1.com/src/image/v5/house/pay_guide_bg.png) no-repeat;
    height: 147px;
    position: relative;
    width: 213px
}

.pay-guide-btn {
    display: block;
    height: 48px;
    position: absolute;
    top: 21px;
    left: 35px;
    text-indent: -9999px;
    width: 128px
}

.pay-guide-num {
    color: #f60;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 18px
}

#f_detail .extra-cont {
    border-top: 0;
    height: auto;
    padding: 0
}

#f_detail.lg-screen .extra-cont {
    overflow: auto
}

#f_detail .house-ads-img {
    margin-top: 10px
}

.houseprice .item {
    width: 233px;
    height: 78px;
    margin-right: 10px;
    overflow: hidden;
    float: left;
    border: 1px solid #e9e9e9;
    border-radius: 5px;
    text-align: center
}

.houseprice .item.last {
    margin-right: 0
}

.houseprice .info {
    margin-bottom: 20px
}

.houseprice .item .title {
    height: 38px;
    line-height: 38px;
    background: #fbfbfb
}

.houseprice .item .text {
    height: 40px;
    line-height: 40px
}

.houseprice .item .text .arrow {
    display: inline-block;
    width: 6px;
    height: 10px;
    margin-left: 4px;
    background: url(http://sta.ganjistatic1.com/src/app/ms_v2/housing_v2/html/images/new_list.png) no-repeat
}

.houseprice .item.down .text {
    color: #00a81a
}

.houseprice .item.up .text {
    color: #e33d3d
}

.houseprice .item.down .arrow {
    background-position: -22px -10px
}

.houseprice .item.up .arrow {
    background-position: -22px 0
}

.monthly {
    padding-top: 15px;
    padding-bottom: 44px
}

.monthly .list {
    width: 370px
}

.monthly .list .item {
    height: 40px;
    line-height: 40px;
    margin-bottom: 20px
}

.monthly .list .title {
    float: left;
    margin-right: 20px;
    width: 70px;
    height: 40px
}

.monthly .list .select {
    float: left;
    width: 278px;
    height: 38px;
    border-radius: 5px;
    border: 1px solid #ededed;
    position: relative;
    cursor: pointer
}

.monthly .list .select.selected .s-list {
    display: block
}

.monthly .list .select.selected .icon {
    background: url(http://sta.ganjistatic1.com/src/app/ms_v2/housing_v2/html/images/new_list.png) no-repeat -14px -44px
}

.monthly .list .select p {
    padding: 0 40px 0 20px
}

.monthly .list .s-list {
    display: none;
    position: absolute;
    width: 278px;
    left: -1px;
    top: 35px;
    z-index: 1;
    border: 1px solid #ededed;
    background: #fff
}

.monthly .list .s-list .s-item a {
    display: inline-block;
    padding-left: 20px;
    width: 258px;
    color: #555
}

.monthly .list .s-list .s-item a:hover {
    background: #e0f6d5
}

.monthly .list .submit {
    width: 278px;
    height: 38px;
    border-radius: 5px;
    border: 1px solid #ededed;
    float: right;
    color: #555;
    text-align: center
}

.monthly .list .icon {
    display: inline-block;
    width: 8px;
    height: 4px;
    background: url(http://sta.ganjistatic1.com/src/app/ms_v2/housing_v2/html/images/new_list.png) no-repeat -14px -48px;
    position: absolute;
    top: 50%;
    right: 20px;
    margin-top: -2px
}

.monthly .result {
    width: 480px;
    text-align: center;
    padding: 0 60px;
    position: relative
}

.monthly .result .info {
    margin: 0 15px
}

.monthly .result .unit {
    margin: 0 20px
}

.monthly .result .info {
    padding-top: 30px;
    padding-bottom: 26px
}

.monthly .result .unit {
    padding: 40px 0 24px 0;
    font-size: 14px;
    border-bottom: 1px dashed #dedede
}

.monthly .result .unit .num {
    font-size: 30px;
    vertical-align: -1px
}

.monthly .result .info .i-item {
    float: left;
    height: 24px;
    line-height: 24px;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap
}

.monthly .result .info .i-icon {
    display: inline-block;
    width: 24px;
    height: 24px;
    vertical-align: -5px;
    margin-right: 4px;
    background: url(http://sta.ganjistatic1.com/src/app/ms_v2/housing_v2/html/images/new_list.png) no-repeat
}

.monthly .result .info .zong {
    width: 140px;
    margin-right: 30px
}

.monthly .result .info .dai {
    width: 140px;
    margin-right: 30px
}

.monthly .result .info .lv {
    width: 110px
}

.monthly .result .info .zong .i-icon {
    background-position: -22px -44px
}

.monthly .result .info .dai .i-icon {
    background-position: -46px -44px
}

.monthly .result .info .lv .i-icon {
    background-position: -70px -44px
}

.monthly .info span {
    display: inline-block;
    text-align: left;
    width: 95px
}

.monthly .result .explain {
    color: #999
}

.monthly .result .detail {
    position: absolute;
    right: 40px;
    top: 10px
}

.monthly .result .detail:hover {
    color: #0095e6
}

.right-tuijian {
    padding-left: 20px;
    margin-bottom: 35px
}

.right-tuijian h3 {
    font-family: "PingFangSC-Regular";
    font-size: 14px;
    text-align: left;
    font-weight: bold
}

.right-tj-list li .right-tj-price {
    color: #f68d41;
    font-size: 12px
}

.right-tj-list {
    margin: 10px 0
}

.right-tj-list li {
    line-height: 25px
}

.right-tj-list li:after,
.right-tj-list li a:after,
.right-tuijian:after {
    content: '';
    display: block;
    height: 0;
    clear: both;
    visibility: hidden
}

.right-tj-list li a {
    display: block
}

.right-tj-list li a:hover {
    background-color: #fafafa
}

.right-tj-list li span {
    display: inline-block;
    font-size: 12px;
    color: #333
}

.right-tj-shi,
.right-tj-area {
    width: 45px;
    text-align: left
}

.right-tj-shi {
    width: 30px
}

.right-tuijian a {
    color: #0095e6;
    font-size: 14px
}

.map_center_point {
    position: relative;
    font-family: "Microsoft YaHei", "微软雅黑", "arial", "Tahoma", "SimSun", "sans-serif"
}

.map_center_point .arrow {
    display: inline-block;
    width: 12px;
    height: 6px;
    position: absolute;
    left: 50%;
    top: 30px;
    margin-left: -6px
}

.xiaoqu_point {
    display: inline-block;
    width: 40px;
    height: 40px;
    cursor: pointer;
    position: absolute;
    left: 10px;
    bottom: 10px;
    z-index: 9;
}

